﻿<%@ Page Title="" Language="C#" MasterPageFile="~/views/admin/AdminMaster.master" AutoEventWireup="true" CodeFile="Ask.aspx.cs" Inherits="views_admin_Default" %>

<asp:Content ID="Content1" ContentPlaceHolderID="head" Runat="Server">
</asp:Content>
<asp:Content ID="Content2" ContentPlaceHolderID="MyContent" Runat="Server">    
    <style>
        .card {
          background-color: transparent; /* 设置背景色为透明 */
          color: white; /* 设置字体颜色为白色 */
        }
        .repeater {
             display: flex; /* 设置为弹性盒子布局 */
            flex-wrap: wrap; /* 设置为自动换行 */
        }
        .zoom {
          width: 400px; /* 设置div的宽度 */
          height: 300px; /* 设置div的高度 */
          border: 2px solid black; /* 设置div的边框 */
          box-shadow: 0 0 10px gray; /* 设置div的阴影 */
          background-color:transparent; /* 设置div的背景色 */
          color: white;
          transition: transform 0.5s; /* 设置动画的持续时间为0.5秒 */
          margin: 20px; /* 设置div.zoom的外边距为10像素 */
          text-decoration:none;
        }

        .zoom:hover {
          transform: scale(1.2); /* 设置放大的比例为1.2倍 */
          box-shadow: 0 0 20px gray; /* 设置div的阴影 */
        }
         .top-text {
        font-family: 'Pacifico', cursive;
        color:white;
        font-size: 100px;       
        text-align: center;
    }
        .ranking {
            position: absolute;
            top: 0;
            left: 0;
        }
            .card2{
                           width: 300px; /* 卡片的宽度 */
            padding: 20px; /* 卡片内部的填充 */
            border: 1px solid #ccc; /* 卡片的边框 */
            border-radius: 10px; /* 卡片的圆角 */
            box-shadow: 0 2px 5px rgba(0, 0, 0, 0.1); /* 卡片的阴影 */
            position: absolute; /* 绝对定位 */
            right: 0; /* 显示在最右侧 */
            color: white; /* 字体颜色为白色 */
            background-color:transparent; /* 背景颜色（这里设置为深灰色，以便看到白色字体） */
        }
            .card2:hover {
                transform: scale(1.01); /* 设置放大的比例为1.2倍 */
                box-shadow: 0 0 20px gray; /* 设置div的阴影 */
            }
            .card2 h3 {
            font-size: 1.2em; /* 商品名称的字体大小 */
            font-weight: bold; /* 商品名称的字体粗细 */
}
</style>
      <div class="container-fluid">
       <div class="row">
           <div class="col">
               <h3 class="text-center" style="color: white">首页</h3>

                <div class="top-text">
               欢迎来到用户首页！
           </div>
           </div>
           <div class="mt-3 d-grid">
                    <a href="../customer/Change2.aspx" style="color:white;margin: auto;">修改密码</a>                               
              </div>
           <div class="mt-3 d-grid">
                    <a href="../Login.aspx" style="color:white;margin: auto;">返回登录</a>                               
              </div> 
           <div class="card">
      
 
    <p>请输入关键字：<asp:TextBox ID="TextBox1" runat="server"></asp:TextBox>
       <asp:Button ID="Button1" runat="server" Text="搜索" Class="btn-success btn" style="background-color:black; width: 150px;margin:auto" OnClick="Button1_Click"  />
        <asp:Button ID="Button2" runat="server" Text="显示全部" Class="btn-success btn" style="background-color:black; width: 150px;margin:auto" OnClick="Button2_Click" />   
  </div>
             <div class="repeater">
           <asp:Repeater ID="rptProducts" runat="server"  OnItemCommand="rptProducts_ItemCommand">
    <ItemTemplate>
        <asp:HyperLink ID="lnkSelect" runat="server" NavigateUrl='<%# "Ask1.aspx?ProductID=" + Eval("ProductID") %>' ForeColor="Transparent">
            <div class="zoom">
                <h3><%# Eval("ProductName") %></h3>
                <p>商品编号：<%# Eval("ProductID") %></p>
                <p>商品图片：<asp:Image ID="imgProduct" runat="server" ImageUrl='<%# Eval("ProductImage") %>' AlternateText="Product Image" style="width: 100px; height: 100px;" /></p>
                 <p>商品描述：<%# Eval("ProductDescription") %></p>
            </div>
        </asp:HyperLink>
    </ItemTemplate>
</asp:Repeater>
                 
</div>
           
                <div class="card2">
                    <h2>TOP榜单</h2>
    <asp:Repeater ID="rptPriceRanking" runat="server" DataSourceID="LinqDataSource2">
        <ItemTemplate>
            <div>
                <h3><%# Container.ItemIndex + 1 %>. <%# Eval("ProductName") %></h3>           
            </div>
        </ItemTemplate>
    </asp:Repeater>
</div>
             
            <asp:LinqDataSource ID="LinqDataSource2" runat="server" ContextTypeName="PJTY.dal.DataClasses1DataContext" EntityTypeName="" TableName="Product1" OrderBy="Producttypeid desc">

            </asp:LinqDataSource>
       </div>
   </div>
    
</asp:Content>

